/* CSS Document */
body{background:#fff;margin-bottom: 5.5rem;}

header{
    width: 94%;
    margin: 0 auto;
    padding: 1rem 0 0;
    border-bottom: 1px #eaeaea solid;
}
header div:nth-child(1){
    font-size: 1.6rem;
    color: #333;
    line-height: 2.3rem;
    overflow:hidden;
    text-overflow:ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

}
header div:nth-child(2){
    height: 4rem;
    line-height: 4rem;
    color: #999;
    font-size: 1.4rem;
}
header div:nth-child(2) img{
    height: 2rem;
    margin: -0.4rem 0.5rem 0 0;
    vertical-align: middle;
}
header div:nth-child(2)>span{
    display: block;
    width: 50%;
    float: left;
}
header div:nth-child(2)>span:nth-child(2){
	text-align: right;
}

.description{
    width: 94%;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    font-size: 1.5rem;
    color: #4c4c4c;
    line-height:2.5rem;
    border-bottom: 1px #eaeaea solid;
}
.ping{
    width: 94%;
     margin: 0 auto;
}
.ping .list{
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px #eaeaea solid;
}
.list .listtp{
    width:100%;
    font-size:1.6rem;color:#414141;
}
.list .listtp span img{
    height:3rem;
    border-radius:50%;
    vertical-align:middle;
    margin-top:-0.4rem;
    margin-right:0.5rem;
}
.list .listtp span:last-child{
    float:right;
    font-size:1.4rem;
    color:#999;
}                           
.list .listmid{
    width:90%;
    font-size:1.4rem;
    margin-left:3rem;
}
.list .listmid p:nth-child(1){
    color:#4c4c4c;
    line-height:1.8rem;
    margin-top: 1rem;
    padding-bottom:1rem;
}   
.list .listmid p>span{
    color: #666;
    margin-right: 5%;
}
.list .listmid .photo{
    width:100%;
    padding-top:0.6rem;
    padding-bottom:1.5rem;
} 
.list .listmid .photo img{
    width:100%;
}   
.list .listmid p:nth-child(2){
    color:#999;
    line-height:1.8rem;
    text-align: right;
    font-size: 1.4rem;
}       
.list .listmid p:nth-child(2) img{
    height: 2rem;
    vertical-align: middle;
    margin: -0.4rem 0.5rem 0 0;
}
footer{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    height: var(--footer-height);
    line-height: 5rem;
    border-top: 1px #eaeaea solid;
}
footer input{
    width: 90%;
    margin: 1rem 3%;
    padding: 0 2%;
    height: 3rem;
    line-height: 3rem;
    background: #f5f5f5;
    border:0;
    outline: 0;
}
.wirte_layer{
    display: none;;
    position: fixed;
     width: 100%;
     height: 100%;
    left: 0;
    bottom: 0;
    background:rgba(0,0,0,0.6);
}
.wirte_lay{
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 0;
    padding-bottom: 1rem;
}
.wirte_lay textarea{
    width: 90%;
    margin: 1rem 3%;
    padding: 0.5rem 2%;
    background: #f5f5f5;
    outline: 0;
    resize: none;
    color: #4c4c4c;
    font-size: 1.6rem;
    border:1px #eaeaea solid;
    border-radius:5px;
}
.wirte_lay .publish{
    float: right;
    margin-right: 3%;
    background: var(--main-color);
    color: #fff;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: 5px;

}